<template>
  <div>
    <!-- 页头背景 -->
    <div class="db-head" id="banner">
        <!-- 背景的图片区域 -->
        <div class="widget-banners">
            <a href="#">
                <img :src="src1" alt="">
            </a>
        </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      src1:'/image/10117.jpg'
    }
  },
}
</script>

<style scoped>
.db-head {
  width: 100%; }
  .db-head .widget-banners {
    width: 100%; }
    .db-head .widget-banners a img {
      width: 100%;
      display: block;
      border-radius: 2px;
      background-color: var(--blue10);
      background-position: center;
      background-size: cover;
      box-shadow: 3px 3px 10px #bbb; }

</style>